html {
  height: 100%;
}

body {
  height: 100%;
  font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
}

::-webkit-scrollbar-track-piece{
  background-color:#fff;
  -webkit-border-radius:0;
}
::-webkit-scrollbar{
  width:9px;
  height:9px;
}
::-webkit-scrollbar-thumb{
  height:80px;
  background-color:#999;
  -webkit-border-radius:4px;
  outline:2px solid #fff;
  outline-offset:-2px;
  border: 2px solid #fff;
}
::-webkit-scrollbar-thumb:hover{
  height:80px;
  background-color:black;
  -webkit-border-radius:4px;
}
::-webkit-scrollbar-thumb:active{
  height:80px;
  background-color:#666;
  -webkit-border-radius:4px;
}

.app {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
}

.no-border,
.no-borders {
  border-color: transparent;
  border-width: 0;
}

.w-xxl {
  width: 360px;
}

.m-b {
  margin-bottom: 15px;
}

.m-b-lg {
  margin-bottom: 30px;
}

.m-b-xs {
  margin-bottom: 5px;
}

.m-t {
  margin-top: 15px;
}

.m-t-md {
  margin-top: 20px;
}

.m-t-lg {
  margin-top: 30px;
}

.m-t-none {
  margin-top: 0 !important;
}

.wrapper-md {
  padding: 20px;
}

.padder-lg {
  padding-right: 30px;
  padding-left: 30px;
}

.b-b {
  border-bottom: 1px solid #dee5e7;
}

.font-thin {
  font-weight: 300;
}

.text-md {
  font-size: 16px;
}

/* phone */
@media (max-width: 767px) {
  .w-auto-xs {
    width: auto;
  }
}

.noPadding {
  padding:0;
}

.noMargin {
  margin: 0;
}

.noBorder {
  border: 0;
}

.boldFont {
  font-weight:bold;
}

.lightFont {
  font-weight:lighter;
}

.smallFont {
  font-size: 12px;
}

.middleFont {
  font-size: 16px;
}

.bigFont {
  font-size: 18px;
}

.fixed {
  position: fixed;
}

.relative {
  position: relative;
}

.absolute {
  position: absolute;
}

.textLeft {
  text-align: left;
}

.textCenter {
  text-align: center;
}

.textRight{
  text-align: end;
}
